<template>
  <div class="wrapper">
    <el-row>
      <el-col>
        <el-input placeholder="请输入内容" v-model="input3">
          <el-button slot="append" icon="el-icon-search" @click="$emit('patchLogin')">搜索</el-button>
        </el-input>
      </el-col>
    </el-row>
    <el-row>
      <el-col>
        <el-button
          type="text"
          icon="el-icon-arrow-down"
          @click="formShow = !formShow"
          >搜索选项</el-button
        >
      </el-col>
    </el-row>
    <el-row v-if="formShow">
      <el-col>
        <el-form :model="formSet" size="mini" :label-width="100">
          <el-row>
            <el-col :span="6">
              <el-form-item label="">
                <el-checkbox-group v-model="formSet.checkList">
                  <el-checkbox label="精确搜索"></el-checkbox>
                  <el-checkbox label="作者"></el-checkbox>
                  <el-checkbox label="出版社"></el-checkbox>
                </el-checkbox-group>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="从">
                <el-input v-model="formSet.from" placeholder=""></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="到">
                <el-input v-model="formSet.to" placeholder=""></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="类型">
                <el-select v-model="formSet.type" placeholder="">
                  <el-option label="线上教材" :value="2"></el-option>
                </el-select>
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
      </el-col>
    </el-row>

    
  </div>
</template>

<script>
export default {
  name: "inputSearch",
  props: {},
  data() {
    return {
      input3: "",
      formShow: false,
      formSet: {
        checkList: [],
        from: "",
        to: "",
        type: 2,
      },
    };
  },
  watch: {},
  computed: {},
  methods: {
    
  },
  created() {},
  mounted() {},
};
</script>
<style lang="less" scoped>
.wrapper {
}
</style>